<template>
  <div id="nav">

  </div>
  <router-view></router-view>
</template>

<script>
// import { defineComponent } from '@vue/composition-api'

// export default defineComponent({
//   setup () {

//   }
// })

// createVNode: 函数用来创建生成虚拟dom(js对象)
/**
  1. 生成一个浏览器原生支持的h1标签对应的vnode
  2. 生成一个组件Message对应的vnode
 */
// import { createVNode, render } from 'vue'
// import Message from '@/components/Message'
// const h1VNode = createVNode(
//   'h1',
//   {
//     id: 'h1-box'
//   },
//   [
//     'this is h1'
//   ]
// )
// console.log(h1VNode)
// const MessageVNode = createVNode(
//   Message,
//   {
//     type: 'success',
//     text: '登录成功'
//   }
// )
// console.log(MessageVNode)
// // render: 函数用来把createVNode生成的虚拟dom渲染为真实的dom

// /**
//   render(VNode, '挂载节点')
// */

// setTimeout(() => {
//   // render(h1VNode, document.getElementById('container'))
//   render(MessageVNode, document.getElementById('container'))
// }, 1000)
</script>

<style>
</style>
